<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"
	href="//at.alicdn.com/t/font_388406_5zf3trhujaev1jor.css">
</head>
<body>
	<link rel="stylesheet" type="text/css" href="/css/public.css">
	<script type="text/javascript" src="/js/mail.js"></script>
	<style>
	.dowload-att{
	color: #94754D;
	}
	</style>
	<!-- body大盒子div开始 -->
	<div class="body">
		<!-- content-header顶部div 开始 -->
		<#include "/head.ftl"/>
		<!-- 中部content div开始 -->
		<div class="content">
			<!-- 中部content内容 div开始 -->
			<div class="row">
				<div class="row-left">
					<a href="/mail/addmail" title="添加邮件"
						class="btn btn-upload bgColor-green2 margin-bottom button"
						style="margin: 0 0 20px 0;"> <i
						class="iconfont icon-brush_fill" style="color: white;"></i> 写信
					</a>
					<div class="box box-solid">
						<div class="box-header with-border">
							<h3 class="box-title">文件夹</h3>
							<div class="box-tools">
								<button class="btn btn-box-tool jian" onclick="jian()">
									<i class="iconfont icon-jian" id="one"></i>
								</button>
							</div>
						</div>
						<div class="box-body no-padding yunpan" style="display: block;">
							<ul class="nav nav-pills nav-stacked">
								<li class="father-menu"><a class="get-box"> <i
										class="iconfont icon-shoujianxiang"></i> 收件箱
										<span class="mail-num uniquebackground">${(mailnum)!''}</span>
								</a></li>
								<li class="father-menu"><a class="send-box"> <i
										class="iconfont icon-fajianxiang-copy"></i> 发件箱
								</a></li>
								<li class="father-menu"><a class="graft-box"> <i
										class="iconfont icon-caogaoxiang"></i> 草稿箱
								</a></li>
								<li class="father-menu"><a class="gabege-box"> <i
										class="iconfont icon-lajixiang"></i> 垃圾箱
								</a></li>
								<!-- <li><a href="#"> <i class="iconfont icon-huishouzhan"></i>
										回收站
								</a></li> -->
							</ul>
						</div>

					</div>
					<div class="box box-solid">
						<div class="box-header with-border">
							<h3 class="box-title">类型</h3>
							<div class="box-tools">
								<button class="btn btn-box-tool" onclick="jian2()">
									<i class=" iconfont icon-jian " id="two"></i>
								</button>
							</div>
						</div>
						<div class="box-body no-padding leixing" style="display: block;">
							<ul class="nav nav-pills nav-stacked">
								<li class="father-menu"><a class="email-star"> <i
										class="iconfont icon-circle1 "></i>星标邮件
								</a></li>
								<!-- <li>
									<a href="#">
										<i class="iconfont icon-circle1"></i> 通知
									</a>
								</li>
								<li>
									<a href="#">
										<i class="iconfont icon-circle1" style="color:red;"></i> 公告
									</a>
								</li> -->
							</ul>
						</div>

					</div>
				</div>
				<!-- 右部div盒子开始 -->

				<div class="row-right">
					<div class="box tab" style="padding: 10px;">
						<div class="box-header with-border">
							<!-- <h3 class="box-title">
								<span>查看邮件</span>
							</h3> -->
							<!-- <div class="pull-right" >
								<a href="">
									<span class="label label-back">
										<i class="iconfont icon-unfold" style="color:white;"></i>  展开更多
									</span>
								</a>
							</div> -->
						</div>


						<div class="box-body no-padding">

							<div class="form-group view-table" style="position: relative;">
								<h1 style="display: inline-block;font-size: 16px; margin-left: 7px; font-weight: 600;">${(emailtitle)!''}</h1>
								
							<!-- 	<div style="display: inline-block;float: right;color:#b3adad;"><span>${(emailtime)!''}</span></div> -->
									<!-- <i class="iconfont icon-collection"></i>
							
									<i class="iconfont icon-collection_fill"></i>
									<a class="btn btn-delete  email-delete-icon"> <i
													class="iconfont icon-trash"> </i> <span>删除</span>
											</a>  -->
							
								<table
									style="color: #b3adad; margin-top: 8px; margin-left: 7px;">
									<tr>
										<td>发件人:</td>
										<td>${(emailsenduser)!''}</td>
									</tr>
									<tr>
										<td>附件:</td>
										<td><#if attname??>										
												<p attid="${(attid)!''}">						
													<i class="iconfont icon-accessory"></i>
													${attname}									  
													<a class="dowload-att"  attid="${(attid)!''}">下载附件</a>
												</p>
												<#else>
												无
											</#if>
										</td>
									</tr>
									<tr>
										<td>时间:</td>
										<td>${(emailtime)!''}</td>
									</tr>
								</table> 
								<div style="border: 1px solid #cccccc; margin-top: 5px;">
									<div style="padding: 8px; min-height: 200px;">${(emailcontent)!''}</div>
								</div>
								<div
									style="border: 1px solid #d7cdcd; margin-top: 15px; background: #ecf0f5; border-radius: 3px;">
									<div style="padding: 8px">
										<div class="back-div"
											style="border: 1px solid #d9cdcd; border-radius: 3px; background: white; cursor: text;">
											<label class="back-label"
												style="color: #ccc; line-height: 26px; padding-left: 10px; font-size: 12px;">快捷回复:${(emailsenduser)!''}</label>
											<textarea class="back-textarea"
												style="width: 100%; display: none; border: none; outline: none; height: 90px; overflow: auto;"></textarea>
										</div>
										<div class="back-div-send-cancle"
											style="margin-bottom: 5px; margin-top: 11px; display: none;">
											<a type="发送" sendid="${(emailsenduserid)!''}"
												class="viewmail-btn-send  btn-primary uniquebackground"
												style="color: white; font-size: 12px; padding: 5px 7px; margin-right: 15px;">
												<i class="iconfont icon-mail" style="color: white;"></i> 发送
											</a> <a href="javascript:void(0)"
												style="font-size: 12px; padding: 6px 8px;"
												class="mail-btn btn-default view-back-canle"> <i
												class="iconfont icon-remove"></i> 取消
											</a>
										</div>
										<div class="full-reback" senduser="${(emailsenduser)!''}"
											sendid="${(emailsenduserid)!''}"
											style="display: none; float: right; margin-top: 13px;">
											<a style="font-size: 12px; color: #94754D;">完整模式回复</a>
										</div>
									</div>

								</div>
							</div>
						</div>

					</div>
					<!-- 右部div盒子开始 -->
				</div>
			</div>

			<!-- 中部content div结束-->
		</div>

		<!-- body大盒子div结束 -->
	</div>
</body>
</html>